<template>
	<div class="body-lg">
		<div id="app-hp">
			<el-backtop target=".body-lg" :visibility-height="0" :right="9" :bottom="337"
				style="position: fixed;right: 9rem;bottom: 337rem;z-index: 999;width: 78rem;height: 78rem;border-radius: 0;background: red;"></el-backtop>
		</div>
		<ul class="toTop-hp">
			<li></li>
			<li></li>
			<li class="li-enter-leave" style="position: relative;">
				<el-popover placement="left" width="200" trigger="hover">
					<div class="erweima-hp">
						123
					</div>
					<el-button slot="reference"
						style="width: 100%;height: 100%;background: none;border: none;"></el-button>
				</el-popover>
			</li>
			<li>
				<!-- <a href="#app-hp" style="width: 100%;height: 100%;display: block;"></a> -->
			</li>
		</ul>
		<div class="top-hp">
			<div class="row-hp">
				<a href="#" title="" class="logo-hp">
					<img :src="img_logo" alt="" />
				</a>
				<div class="top-right-hp">
					<div class="nav-hp">
						<!-- <el-tabs v-model="activeName" @tab-click="handleClick">
							<el-tab-pane :label="item.label" :name="item.name" v-for="item in nav_hp">{{item.label}}</el-tab-pane>
						</el-tabs> -->
						<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"
							@select="handleSelect">
							<el-menu-item :index="item.index" v-for="item in nav_hp">{{ item.titleName }}</el-menu-item>
						</el-menu>
					</div>
					<!-- <button class="btn-hp">
						<i class="el-icon-search"></i>
					</button> -->
				</div>

			</div>
		</div>
		<div class="banner-lg">
			<img src="../../assets/images/jianshili/jg-img_02.jpg" alt="" />
			<dl>
				<dt>服务机构</dt>
				<dd>为中小微企业、创业者提供导向性、专业性、实践性辅导服务优化小型微型企业创业新环境</dd>
			</dl>
		</div>
		<div class="module1-lg">
			<div class="row-lg">
				<img src="../../assets/images/jianshili/jg-img2_03.png" alt="" class="title-img-lg">
				<el-tabs v-model="activeName" @tab-click="handleClick">
					<el-tab-pane :label="item.label" :name="item.name" v-for="item in tab_pane1_lg">
						<div class="content-lg">
							<ul>
								<li v-for="i in item.listitem">
									<a href="#" title="">
										<img :src="i.imgUrl" alt="">
										<dl>
											<dt>{{ i.title }}</dt>
											<dd>{{ i.txt }}</dd>
										</dl>
									</a>
								</li>
							</ul>
							<div class="columns-lg">
								<div class="column-lg" v-for="j in item.listitem2">
									<dl>
										<dt>{{ j.dt }}</dt>
										<dd>{{ j.dd }}</dd>
									</dl>
								</div>
								<ul class="paging1-lg" id="paging1-lg">
									<li v-for="k in item.listitem3" :class="k.class" @click="chooseLi($event)">{{ k.num
										}}
									</li>
								</ul>
							</div>
						</div>
					</el-tab-pane>
				</el-tabs>

			</div>
		</div>
		<div class="module2-lg">
			<div class="row-lg">
				<img src="../../assets/images/jianshili/jg-img2_24.png" alt="" class="title-img-lg">
				<div class="content-lg">
					<div class="left-lg">

					</div>
					<div class="right-lg">
						<el-carousel :interval="99999999" arrow="always">
							<el-carousel-item v-for="item in carousel_item_lg">
								<div class="columns-lg">
									<div class="column-lg" v-for="i in item.listitem">
										<img :src="i.img" alt="">
										<dl>
											<dt>{{ i.title }}</dt>
											<dd>{{ i.txt }}</dd>
										</dl>
									</div>
								</div>
							</el-carousel-item>
						</el-carousel>

					</div>
				</div>
			</div>
		</div>
		<div class="module3-lg">
			<div class="row-lg">
				<img src="../../assets/images/jianshili/jg-img2_54.png" alt="" class="title-img-lg">
				<div class="content-lg">
					<el-tabs v-model="activeName2" @tab-click="handleClick2">
						<el-tab-pane :label="item.label" :name="item.name" v-for="item in tab_pane2_lg">
							<ul class="columns-lg">
								<li class="column-lg" v-for="i in item.listitem">
									<div class="time-lg">
										<b>{{ i.day }}</b>
										<span>{{ i.years }}</span>
									</div>
									<dl>
										<dt>
											<a href="#" title="">{{ i.title }}</a>
										</dt>
										<dd>{{ i.txt }}</dd>
									</dl>
									<a href="#" title="">
										<span>查看详情</span>
										<i class="el-icon-arrow-right"></i>
									</a>
								</li>
							</ul>
						</el-tab-pane>
					</el-tabs>
				</div>
			</div>
		</div>

		<div class="footer-hp">
			<div class="footer-main-hp">
				<div class="left-hp">
					<img src="" alt="">
					<p>
						<span>联系电话：400-35523876</span>
					</p>
					<p>
						<span>地址：湖南省长沙市岳塘区桐梓坡路129号高新区</span>
					</p>
					<ul class="link-hp">

					</ul>
				</div>
				<div class="right-hp">
					<b>友情链接</b>
					<p>
						<a href="#" title="">湖南省湘潭市部委网站</a>
					</p>
					<p>
						<a href="#" title="">湖南省市部门网站</a>
					</p>
					<p>
						<a href="#" title="">商会协会网站</a>
					</p>
					<p>
						<a href="#" title="">湖南省湘潭市部委网站</a>
					</p>
					<p>
						<a href="#" title="">商会协会网站</a>
					</p>
				</div>
				<div class="right-hp">
					<b>关于我们</b>
					<p>
						<a href="#" title="">公司简介</a>
					</p>
					<p>
						<a href="#" title="">加入我们</a>
					</p>
					<p>
						<a href="#" title="">媒体资讯</a>
					</p>
				</div>
				<div class="right-hp">
					<b>更多信息</b>
					<p>
						<a href="#" title="">用户服务协议</a>
					</p>
					<p>
						<a href="#" title="">隐私政策</a>
					</p>
					<p>
						<a href="#" title="">免责声明</a>
					</p>
					<p>
						<a href="#" title="">安全承诺书</a>
					</p>
				</div>
			</div>
			<div class="row-hp">
				<div class="bottom-line-hp">
					<el-divider style="background-color: #292e31;"></el-divider>
					<span>版权所有 见实力工业企业服务平台 © 2023 All Rights Reserved</span>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: "body-hp",
	data() {
		return {
			activeIndex: '1',
			activeName: 'first',
			activeName2: 'first',
			img_logo: require("../../assets/images/jianshili/hp_logo.png"),
			nav_hp: [
				/* {
					label:"首页",
					name:"first"
				} */
				{
					titleName: "首 页",
					index: "1"
				},
				{
					titleName: "数字化转型",
					index: "2"
				},
				{
					titleName: "工业企业",
					index: "3"
				},
				{
					titleName: "服务产品",
					index: "4"
				},
				{
					titleName: "服务机构",
					index: "5"
				},
				{
					titleName: "园区平台",
					index: "6"
				},
				{
					titleName: "服务对接",
					index: "7"
				},
				{
					titleName: "关于我们",
					index: "8"
				},
			],
			tab_pane1_lg: [
				{
					label: "最新政策",
					name: "first",
					listitem: [
						{
							imgUrl: require("../../assets/images/jianshili/jg-img2_07.png"),
							title: "关于公布2023年度湖南省专精特新中小企业服务通知",
							txt: "为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求."
						},
						{
							imgUrl: require("../../assets/images/jianshili/jg-img2_07.png"),
							title: "关于公布2023年度湖南省专精特新中小企业服务通知",
							txt: "为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求.为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求."
						},
						{
							imgUrl: require("../../assets/images/jianshili/jg-img2_07.png"),
							title: "关于公布2023年度湖南省专精特新中小企业服务通知",
							txt: "为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求."
						},
						{
							imgUrl: require("../../assets/images/jianshili/jg-img2_07.png"),
							title: "关于公布2023年度湖南省专精特新中小企业服务通知",
							txt: "为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求."
						}
					],
					listitem2: [
						{
							dt: "关于公布2023年度湖南省专精特新中小企业服务通知",
							dd: "为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求.为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求."
						},
						{
							dt: "关于公布2023年度湖南省专精特新中小企业服务通知",
							dd: "为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求.为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求."
						},
						{
							dt: "关于公布2023年度湖南省专精特新中小企业服务通知",
							dd: "为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求.为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求."
						},
						{
							dt: "关于公布2023年度湖南省专精特新中小企业服务通知",
							dd: "为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求.为进一步优化企业服务质量，促进中小企业专精特新发展，按照《关于开展湖南省专精特新中小企业服务专员试点工作的通知》要求."
						}
					],
					listitem3: [
						{
							class: "on",
							num: "1"
						},
						{

							num: "2"
						},
						{

							num: "3"
						},
						{

							num: "4"
						}
					]
				},
				{
					label: "政策解读",
					name: "second",
				},
				{
					label: "申报通知",
					name: "third",
				}
			],
			carousel_item_lg: [
				{
					listitem: [
						{
							img: require("../../assets/images/jianshili/jg-img2_30.png"),
							title: "湖南电子有限责任公司",
							txt: "经营本公司生产的产品的销售及出口业务；经营生产所需的原辅材料、仪器仪表、机械设备零配件及技术的进口业务；"
						},
						{
							img: require("../../assets/images/jianshili/jg-img2_30.png"),
							title: "湖南电子有限责任公司",
							txt: "经营本公司生产的产品的销售及出口业务；经营生产所需的原辅材料、仪器仪表、机械设备零配件及技术的进口业务；"
						},
						{
							img: require("../../assets/images/jianshili/jg-img2_30.png"),
							title: "湖南电子有限责任公司",
							txt: "经营本公司生产的产品的销售及出口业务；经营生产所需的原辅材料、仪器仪表、机械设备零配件及技术的进口业务；"
						},
						{
							img: require("../../assets/images/jianshili/jg-img2_30.png"),
							title: "湖南电子有限责任公司",
							txt: "经营本公司生产的产品的销售及出口业务；经营生产所需的原辅材料、仪器仪表、机械设备零配件及技术的进口业务；"
						},
						{
							img: require("../../assets/images/jianshili/jg-img2_30.png"),
							title: "湖南电子有限责任公司",
							txt: "经营本公司生产的产品的销售及出口业务；经营生产所需的原辅材料、仪器仪表、机械设备零配件及技术的进口业务；"
						},
						{
							img: require("../../assets/images/jianshili/jg-img2_30.png"),
							title: "湖南电子有限责任公司",
							txt: "经营本公司生产的产品的销售及出口业务；经营生产所需的原辅材料、仪器仪表、机械设备零配件及技术的进口业务；"
						}
					]
				},
				{
					listitem: [
						{
							img: require("../../assets/images/jianshili/jg-img2_30.png"),
							title: "湖南电子有限责任公司",
							txt: "经营本公司生产的产品的销售及出口业务；经营生产所需的原辅材料、仪器仪表、机械设备零配件及技术的进口业务；"
						}
					]
				}
			],
			tab_pane2_lg: [
				{
					label: "公司新闻",
					name: "first",
					listitem: [
						{
							day: "18",
							years: "2023.12",
							title: "赋能营销数字化，助力企业新增长湖南省“智赋万企”企业直播大赛",
							txt: "由湖南省工业和信息化厅指导，湖南省中小企业服务中心主办，湖南省中小企业公共服务平台承办的湖南省“智赋万企”企业直播大赛决赛启动仪式暨赛前辅导活动。"
						},
						{
							day: "18",
							years: "2023.12",
							title: "赋能营销数字化，助力企业新增长湖南省“智赋万企”企业直播大赛",
							txt: "由湖南省工业和信息化厅指导，湖南省中小企业服务中心主办，湖南省中小企业公共服务平台承办的湖南省“智赋万企”企业直播大赛决赛启动仪式暨赛前辅导活动。"
						},
						{
							day: "18",
							years: "2023.12",
							title: "赋能营销数字化，助力企业新增长湖南省“智赋万企”企业直播大赛",
							txt: "由湖南省工业和信息化厅指导，湖南省中小企业服务中心主办，湖南省中小企业公共服务平台承办的湖南省“智赋万企”企业直播大赛决赛启动仪式暨赛前辅导活动。"
						}
					]
				},
				{
					label: "行业动态",
					name: "second",
					listitem: [
						{
							day: "18",
							years: "2023.12",
							title: "赋能营销数字化，助力企业新增长湖南省“智赋万企”企业直播大赛",
							txt: "由湖南省工业和信息化厅指导，湖南省中小企业服务中心主办，湖南省中小企业公共服务平台承办的湖南省“智赋万企”企业直播大赛决赛启动仪式暨赛前辅导活动。"
						}
					]
				}
			]
		};
	},
	methods: {
		handleSelect(key, keyPath) {
			console.log(key, keyPath);
		},
		handleClick(tab, event) {
			console.log(tab, event);
		},
		handleClick2(tab, event) {
			onsole.log(tab, event);
		},
		chooseLi(e) {
			// console.log(document.getElementById("paging1-lg").childNodes.length);
			var li = document.getElementById("paging1-lg").childNodes;
			// console.log(li.length);
			for (let i = 0; i < li.length; i++) {
				li[i].className = "";
				// console.log(li[i].className)
				console.log(li[i].className)
			}
			// document.getElementById("paging1-lg").childNodes.className == "";
			e.target.className = "on"
			// e.target.parentNode.nextSibling.className = "contents-column-dw"
		}
	},
	created() {

	},
}
</script>

<style scoped>
/* 头尾公共样式 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote，th,
td {
	margin: 0;
	padding: 0;
}

ol,
ul {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

.el-menu.el-menu--horizontal {
	border-bottom: none;
}

.el-menu--horizontal>.el-menu-item.is-active {
	border-bottom: 3rem solid #33b843;
	color: #33b843;
}

.el-menu--horizontal>.el-menu-item {
	height: 52rem;
	line-height: 52rem;
	font-size: 22rem;
	font-weight: 600;
	color: #262827;
	padding: 0 4rem;
	margin: 0 20rem;
	font-size: 20rem;
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):hover,
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
	color: #33b843;
}

.top-hp {
	height: 96rem;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	background-color: white;
}

.logo-hp {
	height: 45rem;
	margin-top: 10rem;
}

.logo-hp img {
	height: 100%;
}

.row-hp {
	width: 1532rem;
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.top-right-hp {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

}

.top-right-hp .btn-hp {
	background: none;
	border: none;
	cursor: pointer;
}

.footer-hp {
	width: 100%;
	/* height:285rem; */
	background-color: #000105;
	color: white;
}

.footer-main-hp {
	width: 1372rem;
	margin: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	font-size: 16rem;
	padding-right: 95rem;
	padding-top: 34rem;
	padding-bottom: 50rem;
}

.footer-main-hp>.right-hp>b {
	font-size: 16rem;
	display: block;
	margin-bottom: 11rem;
	color: #cdcdcd;
}

.footer-main-hp>.left-hp>p {
	line-height: 24rem;
	color: #adadad;
}

.footer-main-hp>.left-hp>p>a {
	color: #adadad;
}

.footer-main-hp>.right-hp>p {
	line-height: 31rem;
}

.footer-main-hp>.right-hp>p>a {
	color: #adadad;
}

.el-divider {
	background-color: #292e31;
}

.bottom-line-hp {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 16rem;
	color: #aaaaaa;
}

.bottom-line-hp>span {
	display: inline-block;
	width: 100%;
	height: 50rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 头尾公共样式 end */
/* 回到顶部 */
.toTop-hp {
	width: 78rem;
	position: fixed;
	right: 9rem;
	bottom: 328rem;
	z-index: 100;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}

.toTop-hp>li {
	width: 78rem;
	height: 78rem;
	background-color: black;
	margin-bottom: 8rem;
}

.toTop-hp>li.li-enter-leave>.erweima-hp {
	width: 100%;
	height: 100%;
}

.toTop-hp>li.li-enter-leave>.erweima-hp>.content-hp {
	width: 192rem;
	height: 100%;
	background-color: #26a740;
}

.toTop-hp>li.li-enter-leave.on>.erweima-hp {
	display: block;
	/* animation:move2 .3s ease-in-out forwards; */
	transform: translate(10rem, 0);
	opacity: 1;
}

.toTop-hp>li.li-enter-leave.on2>.erweima-hp {
	display: block;
}

::v-deep #app-hp [class^=el-icon-] {
	display: none;
}

/* 回到顶部 end*/
.body-lg {
	height: 100%;
	width: 100%;
	/* font: 14rem arial; */
	font-size: 14rem;
	font-family: PingFang SC, Microsoft YaHei, Arial, sans-serif;
	color: #676767;
}

.banner-lg {
	width: 100%;
	height: 378rem;
	position: relative;
}

.banner-lg>img {
	width: 100%;
	height: 100%;
}

.banner-lg>dl {
	position: absolute;
	color: white;
	top: 100rem;
	left: 275rem;
}

.banner-lg>dl>dt {
	font-size: 48rem;
	font-family: 黑体;
	margin-bottom: 22rem;
}

.banner-lg>dl>dd {
	font-size: 16rem;
}

.module1-lg {
	width: 100%;
	height: 980rem;
	background: url(../../assets/images/jianshili/jg-img_03.jpg) no-repeat scroll;
	background-size: 100% 100%;
}

.module1-lg>.row-lg>.title-img-lg {
	width: 315rem;
	height: 68rem;
	margin-top: 72rem;
}

.row-lg {
	width: 1532rem;
	margin: auto;
}

.module1-lg .content-lg {
	width: 100%;
}

.module1-lg .content-lg>ul {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.module1-lg .content-lg>ul>li {
	width: 48.5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40rem;
}

.module1-lg .content-lg>ul>li>a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.module1-lg .content-lg>ul>li>a>img {
	width: 80rem;
	height: 80rem;
	margin-right: 15rem;
}

.module1-lg .content-lg>ul>li>a>dl>dt {
	font-size: 18rem;
	font-weight: bold;
	color: black;
	padding-bottom: 8rem;
}

.module1-lg .content-lg>ul>li>a>dl>dd {
	color: #666;
	line-height: 24rem;
}

.module1-lg .content-lg>.columns-lg {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20rem;
}

.module1-lg .content-lg>.columns-lg>.column-lg {
	width: 49%;
	height: 164rem;
	border-radius: 9rem;
	background-color: white;
	margin-bottom: 26rem;
	padding: 30rem 26rem;
}

.module1-lg .content-lg>.columns-lg>.column-lg>dl>dt {
	font-size: 18rem;
	font-weight: bold;
	color: black;
	padding-bottom: 6rem;
}

.module1-lg .content-lg>.columns-lg>.column-lg>dl>dd {
	color: #666;
	line-height: 26rem;
}

.paging1-lg {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.paging1-lg>li {
	width: 34rem;
	height: 34rem;
	background-color: #eef6f5;
	border-radius: 17rem;
	margin-right: 26rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16rem;
	color: #6e6e6e;
	cursor: pointer;
	/* font-weight: bold; */
}

.paging1-lg>li.on {
	font-weight: bold;
	color: white;
	background-color: #01b55a;
}

.paging1-lg>li:last-child {
	margin-right: 0;
}

.module2-lg {
	width: 100%;
	height: 892rem;
	background: white;
}

.module2-lg>.row-lg>.title-img-lg {
	width: 588rem;
	height: 67rem;
	margin-top: 63rem;
}

.module2-lg>.row-lg>.content-lg {
	width: 100%;
	height: 679rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.module2-lg>.row-lg>.content-lg>.left-lg {
	width: 402rem;
	height: 632rem;
	background-color: #eee;
	margin-top: 47rem;
}

.module2-lg>.row-lg>.content-lg>.right-lg {
	width: 1130rem;
}

.module3-lg {
	width: 100%;
	height: 702rem;
	background: url(../../assets/images/jianshili/jg-img_05.jpg) no-repeat scroll;
	background-size: 100% 100%;
}

.module3-lg>.row-lg>.title-img-lg {
	width: 586rem;
	height: 68rem;
	margin-top: 47rem;
}

.module3-lg .content-lg {
	width: 100%;
	/* height: 562rem; */
}

/* ::v-deep .module3-lg .content-lg>.el-tabs{
	width: 100%;
	height: 100%;
}
::v-deep .module3-lg .content-lg>.el-tabs>.el-tabs__content{
	width: 100%;
	height: 100%;
}
::v-deep .module3-lg .content-lg>.el-tabs>.el-tabs__content>.el-tab-pane{
	width: 100%;
	height: 100%;
} */

.module3-lg .content-lg .columns-lg {
	width: 100%;
	height: 507rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.module3-lg .content-lg .columns-lg>.column-lg {
	width: 488rem;
	height: 420rem;
	background-color: white;
	border-top-right-radius: 76rem;
	border-bottom-left-radius: 76rem;
}

.module3-lg .content-lg .el-tabs__item.is-active {
	color: #01b55a;
	width: 488rem;
	height: 420rem;
	background-color: white;
	border-top-right-radius: 76rem;
	border-bottom-left-radius: 76rem;
}



::v-deep .module2-lg>.row-lg>.content-lg>.right-lg>.el-carousel {
	width: 100%;
	height: 100%;
}

::v-deep .module2-lg>.row-lg>.content-lg>.right-lg>.el-carousel>.el-carousel__container {
	width: 100%;
	height: 100%;
}

::v-deep .module2-lg>.row-lg>.content-lg>.right-lg .el-carousel__arrow {
	width: 34rem;
	height: 34rem;
	top: 30rem;
}

::v-deep .module2-lg>.row-lg>.content-lg>.right-lg .el-carousel__arrow--right {
	right: 10rem;
}

::v-deep .module2-lg>.row-lg>.content-lg>.right-lg .el-carousel__arrow--left {
	right: 65rem;
	left: auto;
}

::v-deep .module2-lg>.row-lg>.content-lg>.right-lg .el-carousel__arrow:hover {
	background-color: #01b55a;
}

.module2-lg>.row-lg>.content-lg>.right-lg .columns-lg {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	padding-left: 15rem;
	padding-right: 8rem;
	justify-content: space-between;
	margin-top: 36rem;
}

.module2-lg>.row-lg>.content-lg>.right-lg .columns-lg>.column-lg {
	width: 350rem;
	height: 300rem;
	border-radius: 8rem;
	background-color: #f5f6f8;
	margin-top: 18rem;
}


::v-deep .module1-lg .el-tabs__nav-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

::v-deep .module1-lg .el-tabs__item {
	/* font-size: 16rem; */
	font-weight: bold;
}

::v-deep .module1-lg .el-tabs__nav-scroll {
	display: inline-block;
}

::v-deep .module1-lg .el-tabs__active-bar {
	background-color: #00c079;
}

::v-deep .module1-lg .el-tabs__item:hover {
	color: #00c079;
}

::v-deep .module1-lg .el-tabs__item.is-active {
	color: #00c079;
}

::v-deep .el-tabs__nav-wrap::after {
	background-color: transparent;
}
</style>